<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>检查商品</title>
		<link rel="stylesheet" type="text/css" href="${ctx}/static/css/com.css"/>
		<link rel="stylesheet" type="text/css" href="${ctx}/static/css/ty.css"/>
		<style type="text/css">
			.theme-popup{
				width: 900px;
				height: 800px;
				overflow: auto;
				margin: 0 auto;
				margin-top: 100px;
				
			}
			.theme-poptitle{
				width: 777PX;
				border-bottom: 1px solid black;
				margin-bottom: 20px;
				padding: 12px;
				position: relative;
				background: #5C5DBB;
				opacity: 0.9;
			}
			.theme-poptitle .close{
				float: right;
				color: #000000;
				padding: 5px;
				margin: -2px -5px -5px;
				font: bold 14px;
				text-shadow:0 1px 0 #000000;
			}
			.theme-poptitle h3{
				font-size: 1.17em;
				font-weight: bold;
				color: #FFFFFF;
			}
			.formnav{
				/*padding: 20px 15px;*/
				color: #444;
				width: 800px;
				height: 400px;
				border: 1px solid black;
			}
			.navleft{
				width: 300px;
				/*height: 300px;*/
			}
			.navright{
				margin-top: -400px;
				float: right;
				width: 350px;
				height:300px ;
				margin-left: -100px;
			}
			.navright .po-form-item{
				height: 100px;
				width: 300px;
				/*background: red;*/
				margin-top: 20px;
			}
			.po-lable{
				float: left;
				margin-top: 15px;
				margin-right: 10px;
			}
			.po-block{
				margin-top: 15px;
				width: 150px;
				border: 1px solid black;
				float: left;
				
			}
			.po-textarea{
				height: 60px;
				width: 195px;
			}
			.po-button1{
				float: left;
				/*margin-top: -30px;*/
			}
			.po-button2{
				float: right;
				/*margin-top: -30px;*/
			}
			.butono{
				height: 30px;
				width: 100px;
				background: #5C5DBB;
				color: #FFFFFF;
			}
		</style>
	</head>
	<body>
		<div id="top">
			<div class="top">
				<a class="logo" href="##">
				<img src="${ctx}/static/img/鱼.png" style="width:106px;height: 50px;"/>
			    </a>
			<ul class="nav">
				<li>
					<a  href="ToIndex">首页</a>
				</li>
				<li>
					<a href="##">购物车</a>
				</li>
				<li>
					<a href="##">个人中心</a>
				</li>
			</ul>
			<div class="tool">
				<div class="search">
					<input type="text" name="search" placeholder="在线搜索" />
					<a href="##" class="searchBtn"></a>
				</div>
				<div class="userbox">
					<a id="loginBtn" href="##">登录</a>
				</div>
				<div class="userbox1">
					<a id="loginBtn1" href="##">注册</a>
				</div>
			</div>
			</div>
		</div>
		<div id="tongyo">
		  <div class="theme-popup">
			<div class="theme-poptitle">
				<a href="##" title="关闭" class="close">x</a>
				<h3>商品详情</h3>
			</div>
			<div class="formnav">
				<div class="navleft">
					<img src="${ctx}${commodity.picture}" style="width: 300px;height: 400px;"/>
				</div>
				<div class="navright">
					<div class="po-form-item">
						<label class="po-lable">商品名称:</label>
						<div class="po-block">
							<td>${commodity.name}</td>
						</div>
					</div>
					<div class="po-form-item" style="margin-top: -50px;">
						<label class="po-lable">商品详情:</label>
						<div class="po-block">
							<td>${commodity.describe }</td>
						</div>
					</div>
					<div class="po-form-item">
						<label class="po-lable">价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格:</label>
						<div class="po-block">
							<td>￥${commodity.price }</td>
						</div>
					</div>
					<div class="po-form-item">
						
						<div class="po-button1">
							<a href="DoDelCommodity?id=${commodity.commodityId}"><button class="butono">删除</button></a>
						</div>
						<div class="po-button2">
							<a href="DoPassCommodity?id=${commodity.commodityId}"><button class="butono">合格</button></a>
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>
	</body>
</html>
